<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我们的案例</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/waterPull.css"/>
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/masonry-docs.min.js"></script>

</head>

<body>
<div class="header">
    <div class="headerBox"></div>
    <div class="logo"></div>
    <i class="line" id="line"></i>
    <div class="menu" id="menu">
        <ul class="list-inline">
            <li><a href="..\首页\index.html">首页</a></li>
            <li><a href="..\业务\yewu.html" target="_blank">业务</a></li>
            <li><a href="..\案例\case.html" target="_blank">案例</a></li>
            <li><a href="#">客户</a></li>
            <li><a href="#">品质</a></li>
            <li><a href="#">增值</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="..\联系\contactUs.html" target="_blank">联系</a></li>
        </ul>
    </div>
    <div class="hotline">
        <a href="tel:4006123011" title="网站建设免费咨询热线"><s></s><span>4006-123-011</span></a>
    </div>
</div>
<div class="mobileCon" id="mobileCon">
    <div class="mobileConli">
        <div class="website current">
            <div class="img"><img src="images/img16.png" alt="手机网站"/></div>
            <div class="info">
                <h3>手机网站</h3>
                <h6>采用HTML5实现响应式设计实现友好的用户体验。</h6>

                <p>案例：索菲亚、诗尼曼、日丰集团、王老吉、珠江钢琴、靓家居等。</p>
                <a href="/cn/anli/shoujiwangzhan">查看更多案例></a>
            </div>
        </div>
        <div class="webapp">
            <div class="img"><img src="images/img17.png" alt="移动APP" style="right: -2px;"/></div>
            <div class="info">
                <h3>移动APP</h3>
                <h6>通过原生或HTML5在IOS/Android上开发的应用，具有用户体验佳、互动性强，能调用手机硬件能力。</h6>

                <p>案例：欧派凡帝尼、欧派卫浴、珠江钢琴、广州商业总会、车唯网、聚户众筹等。</p>
                <a href="/cn/anli/app" >查看更多案例></a>
            </div>
        </div>
        <div class="respons">
            <div class="img"><img src="images/img19.png" alt="响应式"/></div>
            <div class="info">
                <h3>响应式网站</h3>
                <h6>单个网站能兼容多个不同设备端浏览（包括PC端和移动端），可以为不同设备端需求的用户提供更加舒适的界面和更好的用户体验。</h6>

                <p>案例：大自然家居、南方能源观察、瑞松科技、伊莱特、优儿选等。</p>
                <a href="/cn/anli/xiangyingshi" >查看更多案例></a>
            </div>
        </div>
        <div class="self">
            <div class="img"><img src="images/img20.png" alt="自适应"/></div>
            <div class="info">
                <h3>自适应网站</h3>
                <h6>能使网页自适应显示在不同大小电脑显示设备上，新型网页设计方式及技术，为用户在电脑各种不同分辨率的网页浏览提供更加舒适的体验</h6>

                <p>案例：车天车地、中国图书馆年会、虎头电池、翔蓝、伊百丽等。</p>
                <a href="/cn/anli/zishiying" >查看更多案例></a>
            </div>
        </div>
    </div>
</div>
<div class="banner"><div class="banner-close">X</div></div>
<div class="hottag">
    <p></p>
    <div class="taghead">热门案例</div>
    <div class="alltag">
        <ul>
            <li class="spec">
                <a href="#">全部案例</a>
            </li>
            <li>
                <a href="#">品牌展示网站</a>
            </li>
            <li>
                <a href="#">电子商务网站</a>
            </li>
            <li>
                <a href="#">官方门户网站</a>
            </li>
            <li>
                <a href="#">企业营销网站</a>
            </li>
            <li>
                <a href="#">信息门户网站</a>
            </li>
            <li>
                <a href="#">集团站群网站</a>
            </li>
            <li>
                <a href="#">手机网站</a>
            </li>
            <li>
                <a href="#">移动APP</a>
            </li>
            <li>
                <a href="#">微官网</a>
            </li>
            <li>
                <a href="#">微商城</a>
            </li>
            <li>
                <a href="#">DIY体验馆</a>
            </li>
            <li>
                <a href="#">360全景展厅</a>
            </li>
            <li>
                <a href="#">3D虚拟仿真</a>
            </li>
            <li>
                <a href="#">响应式网站</a>
            </li>
            <li>
                <a href="#">自适应网站</a>
            </li>
            <li>
                <a href="#">微活动</a>
            </li>
            <li>
                <a href="#">微社区</a>
            </li>
            <li>
                <a href="#">微信支付</a>
            </li>
            <li>
                <a href="#">微信CRM</a>
            </li>
        </ul>
    </div>
</div>
<div id="container"></div>
<div class="actGotop"><a href="javascript:;" title="Top"></a><p>TOP</p></div>
<script src="js/myjs.js"></script>
<script>
    $(function () {
        $(".list-inline").children().eq(2).click();
    });
</script>
</body>
</html>